<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- 行高 文字在页面占有的实际高度 -->
    <!-- 给div设置一个边框 -->
    <!-- 可以通过line-height 设置行高 -->
    <!-- 可以直接指定要给大小 -->
    <!-- 也可以为行高设置要给整数 -->
    <!-- 如果整数的话 行高是字体的指定的倍数 -->
    <!-- 默认行高是1.333   -->
    <!-- 字体框 就是字体存在的格子 -->
    <!-- 设置font-size就是设置字体框的高度 -->
    <!-- 严格意义上字要小一点 -->
    <!-- 行高会在字体框的上下平均分配 -->
    <!-- 行高在大 文字还是中间  居中 -->
    <!-- font设置的  时候 省略不意味着不写 -->
    <!-- font-style  normal  正常的  italic 斜体的 -->
    <!-- 有时候不写是有默认值 -->
</body>

</html>